<template>
  <!-- 容器 -->
  <div ref="line" class="charts"></div>
</template>

<script>
  import * as echarts from 'echarts'
  export default {
    mounted() {
      let charts = echarts.init(this.$refs.line)
      charts.setOption({
        // 隐藏x轴
        xAxis: {
          show: false,
          // 添加折线节点(均分)
          type: 'category',
        },
        // 隐藏y轴
        yAxis: {
          show: false,
        },
        series: [{
          // 图表类型
          type: 'bar',
          // 图表数据
          data: ['10', '20', '30', '1', '70','99','0'],
        }],
        // 画板布局
        grid: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
        },
        tooltip:{}
      })
    }
  }
</script>

<style scoped>
  .charts {
    width: 100%;
    height: 70px;
  }
</style>
